<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="../js/vue.js"></script>
    </head>
    <body>
        <div id="app">
            请输入分数  <input type="text" v-model='num'>
            <p>您的成绩等级为</p>
            <p v-if='num>90'>A</p>
            <p v-else-if='num>80'>B</p>
            <p v-else-if='num>70'>C</p>
            <p v-else-if='num>60'>D</p>
            <p v-else-if='num>50'>E</p>
            <p v-else-if='num>40'>F</p>
            <p v-else>G</p>

        </div>
        <script>
            var vm = new Vue({
                el: '#app',
                data: {
                    num :'',
                }
            })
        </script>
    </body>
</html>